<!DOCTYPE html>
<!-- saved from url=(0047)https://webui.mybti.cn/#/recordinfo?id=0040e0da -->
<html lang="en" style="font-size: 100px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css" class="AMap.Geolocation">.amap-geolocation-con .amap-geo {
        background: #fff url(https://webapi.amap.com/theme/v1.3/markers/b/loc_gray.png) 50% 50% no-repeat;
        width: 35px;
        height: 35px;
        border: 1px solid #ccc;
        border-radius: 3px;
        right: 4px
    }

    .amap-locate-loading .amap-geo {
        background-image: url(https://webapi.amap.com/theme/v1.3/loading.gif)
    }

    .amap-locate {
        position: absolute;
        width: 18px;
        height: 18px;
        background: url(https://webapi.amap.com/theme/v1.3/map_view.png);
        _background: url(https://webapi.amap.com/theme/v1.3/map_view.gif);
        background-position: -130px -185px;
        cursor: pointer
    }</style>
    <style type="text/css" class="AMap.style">.vml {
        behavior: url(#default#VML);
        display: inline-block;
        position: absolute
    }

    .amap-custom {
        top: 0;
        left: 0;
        position: absolute
    }

    .amap-container img {
        max-width: none !important;
        max-height: none !important
    }

    .amap-container {
        touch-action: none;
        position: relative;
        overflow: hidden;
        background: #fcf9f2 url();
        -ms-touch-action: none
    }

    .amap-drags, .amap-layers {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden
    }

    .amap-layers canvas {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .amap-layer img {
        pointer-events: none
    }

    .amap-e, .amap-maps {
        width: 100%;
        height: 100%
    }

    .amap-maps, .amap-e, .amap-layers, .amap-tile, .amap-tile-container {
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden
    }

    .amap-context {
        position: absolute;
        left: 0;
        top: 0
    }

    .amap-overlays, .amap-markers, .amap-marker {
        position: absolute;
        left: 0;
        top: 0
    }

    .amap-layers {
        z-index: 0
    }

    .amap-overlays {
        z-index: 110;
        cursor: default
    }

    .amap-markers {
        z-index: 120
    }

    .amap-controls {
        z-index: 150
    }

    .amap-copyright {
        position: absolute;
        display: block !important;
        left: 77px;
        height: 16px;
        bottom: 0;
        padding-bottom: 3px;
        font-size: 11px;
        font-family: Arial, sans-serif;
        z-index: 160
    }

    .amap-logo {
        position: absolute;
        bottom: 1px;
        left: 1px;
        z-index: 160;
        height: 20px
    }

    .amap-logo img {
        width: 73px !important;
        height: 20px !important;
        border: 0;
        vertical-align: baseline !important
    }

    .amap-icon {
        position: relative;
        z-index: 1
    }

    .amap-icon img {
        position: absolute;
        z-index: -1
    }

    .amap-marker-label {
        position: absolute;
        z-index: 2;
        border: 1px solid blue;
        background-color: white;
        white-space: nowrap;
        cursor: default;
        padding: 3px;
        font-size: 12px;
        line-height: 14px
    }

    .amap-info {
        position: absolute;
        left: 0;
        z-index: 140;
        width: 320px
    }

    .amap-menu {
        position: absolute;
        z-index: 140;
        _width: 100px
    }

    .amap-info-close {
        position: absolute;
        right: 5px;
        _right: 12px;
    + right: 11 px;
        top: 5px;
        _top: 2px;
    + top: 2 px;
        color: #c3c3c3;
        text-decoration: none;
        font: bold 16px/14px Tahoma, Verdana, sans-serif;
        width: 14px;
        height: 14px
    }

    .amap-info-outer, .amap-menu-outer {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        background: none repeat scroll 0 0 white;
        border-radius: 2px;
        padding: 1px;
        text-align: left
    }

    .amap-menu-outer:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
    }

    .amap-info-contentContainer:hover .amap-info-outer {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
    }

    .amap-info-content {
        position: relative;
        background: #fff;
        padding: 10px 18px 10px 10px;
        line-height: 1.4;
        overflow: auto
    }

    .amap-marker-content {
        position: relative
    }

    .amap-info {
        _width: 320px
    }

    .amap-menu {
        _width: 100px
    }

    .amap-info-sharp-old {
        overflow: hidden;
        position: absolute;
        background-image: url(http://webapi.amap.com/images/arrows.png)
    }

    .bottom-center .amap-info-sharp-old {
        height: 12px;
        margin: 0 auto;
        width: 20px;
        background-position: center 12px;
        top: 100%;
        margin-top: -9px;
        left: 50%;
        margin-left: -10px
    }

    .bottom-left .amap-info-sharp-old {
        height: 12px;
        width: 13px;
        background-position: -16px -46px;
        top: 100%;
        margin-top: -9px
    }

    .bottom-right .amap-info-sharp-old {
        height: 12px;
        width: 13px;
        top: -1px;
        background-position: -56px -46px;
        left: 100%;
        margin-left: -13px;
        top: 100%;
        margin-top: -9px
    }

    .middle-left .amap-info-sharp-old {
        height: 20px;
        width: 12px;
        background-position: left;
        top: 50%;
        margin-top: -10px;
        margin-left: -11px
    }

    .center .amap-info-sharp-old {
        display: none
    }

    .middle-right .amap-info-sharp-old {
        height: 20px;
        margin-right: 0;
        width: 12px;
        background-position: right;
        left: 100%;
        margin-left: -9px;
        top: 50%;
        margin-top: -10px
    }

    .top-center .amap-info-sharp-old {
        height: 12px;
        margin: 0 auto;
        width: 20px;
        background-position: top;
        top: 0;
        margin-top: -3px;
        left: 50%;
        margin-left: -10px
    }

    .top-left .amap-info-sharp-old {
        height: 12px;
        width: 13px;
        background-position: -16px -3px;
        top: 0;
        margin-top: -3px
    }

    .top-right .amap-info-sharp-old {
        height: 12px;
        width: 13px;
        background-position: -56px -3px;
        left: 100%;
        margin-left: -13px;
        top: 0;
        margin-top: -3px
    }

    .amap-info-sharp {
        position: absolute
    }

    .bottom-center .amap-info-sharp {
        bottom: 0;
        left: 50%;
        margin-left: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff
    }

    .bottom-center .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-left: -8px;
        margin-top: -7px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid rgba(0, 0, 0, 0.3);
        filter: blur(2px);
        z-index: -1
    }

    .amap-info-contentContainer:hover.bottom-center .amap-info-sharp:after {
        border-top: 8px solid rgba(0, 0, 0, 0.5)
    }

    .bottom-left .amap-info-sharp {
        border-color: transparent #fff;
        border-width: 0 0 10px 10px;
        border-style: solid
    }

    .bottom-left .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-left: -10px;
        border-color: transparent rgba(0, 0, 0, 0.3);
        border-width: 0 0 10px 10px;
        border-style: solid;
        filter: blur(1px);
        z-index: -1
    }

    .amap-info-contentContainer:hover.bottom-left .amap-info-sharp:after {
        border-color: transparent rgba(0, 0, 0, 0.5)
    }

    .bottom-left .amap-info-content {
        border-radius: 2px 2px 2px 0
    }

    .bottom-right .amap-info-sharp {
        right: 0;
        border-top: 10px solid #fff;
        border-left: 10px solid transparent
    }

    .bottom-right .amap-info-sharp:after {
        position: absolute;
        margin-top: -9px;
        margin-left: -10px;
        content: "";
        border-top: 10px solid rgba(0, 0, 0, 0.3);
        border-left: 10px solid transparent;
        filter: blur(1px);
        z-index: -1
    }

    .amap-info-contentContainer:hover.bottom-right .amap-info-sharp:after {
        border-top: 10px solid rgba(0, 0, 0, 0.5)
    }

    .bottom-right .amap-info-content {
        border-radius: 2px 2px 0 2px
    }

    .top-center .amap-info-sharp {
        top: 0;
        left: 50%;
        margin-left: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

    .top-center .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-top: 0;
        margin-left: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0, 0, 0, 0.3);
        filter: blur(1px);
        z-index: -1
    }

    .top-left .amap-info-sharp {
        left: 0;
        top: 0;
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent
    }

    .top-left .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-top: 0;
        margin-left: 0;
        border-bottom: 10px solid rgba(0, 0, 0, 0.3);
        border-right: 10px solid transparent;
        filter: blur(1px);
        z-index: -1
    }

    .top-right .amap-info-sharp {
        right: 0;
        top: 0;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent
    }

    .top-right .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-top: 0;
        margin-left: -10px;
        border-bottom: 10px solid rgba(0, 0, 0, 0.3);
        border-left: 10px solid transparent;
        filter: blur(1px);
        z-index: -1
    }

    .middle-right .amap-info-sharp {
        right: 0;
        top: 50%;
        margin-top: -8px;
        border-top: 8px solid transparent;
        border-left: 8px solid #fff;
        border-bottom: 8px solid transparent
    }

    .middle-right .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-top: -8px;
        margin-left: -8px;
        border-top: 8px solid transparent;
        border-left: 8px solid rgba(0, 0, 0, 0.3);
        border-bottom: 8px solid transparent;
        filter: blur(1px);
        z-index: -1
    }

    .amap-info-contentContainer:hover.middle-right .amap-info-sharp:after {
        border-left: 8px solid rgba(0, 0, 0, 0.5)
    }

    .middle-left .amap-info-sharp {
        left: 0;
        top: 50%;
        margin-top: -8px;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent
    }

    .middle-left .amap-info-sharp:after {
        position: absolute;
        content: "";
        margin-top: -8px;
        margin-left: 0;
        border-top: 8px solid transparent;
        border-right: 8px solid rgba(0, 0, 0, 0.3);
        border-bottom: 8px solid transparent;
        filter: blur(1px);
        z-index: -1
    }

    .amap-info-contentContainer:hover.middle-left .amap-info-sharp:after {
        border-right: 8px solid rgba(0, 0, 0, 0.5)
    }

    .amap-info-contentContainer.top-left, .amap-info-contentContainer.top-center, .amap-info-contentContainer.top-right {
        padding-top: 8px
    }

    .amap-info-contentContainer.bottom-left, .amap-info-contentContainer.bottom-center, .amap-info-contentContainer.bottom-right {
        padding-bottom: 8px
    }

    .amap-info-contentContainer.middle-right {
        padding-right: 8px
    }

    .amap-info-contentContainer.middle-left {
        padding-left: 8px
    }

    .amap-menu-outer {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    ul.amap-menu-outer li {
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        word-break: break-all;
        padding: 0 10px;
        font-size: 12px;
        white-space: nowrap
    }

    ul.amap-menu-outer li a {
        text-decoration: none;
        font-size: 13px;
        margin: 0 5px;
        color: #000;
        padding: 5px 5px
    }

    ul.amap-menu-outer li:hover {
        background-color: #f3f3ee
    }

    .amap-overlay-text-container {
        display: block;
        width: auto;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: #fff;
        padding: 2px 3px;
        border: 1px solid #ccc;
        border-radius: 3px
    }

    .amap-overlay-text-container.amap-overlay-text-empty {
        display: none
    }

    .amap-info-content-ie8 {
        border: 1px solid #9c9c9c
    }</style>
    <style type="text/css">.amap-indoor-map .label-canvas {
        position: absolute;
        top: 0;
        left: 0
    }

    .amap-indoor-map .highlight-image-con * {
        pointer-events: none
    }

    .amap-indoormap-floorbar-control {
        position: absolute;
        margin: auto 0;
        bottom: 165px;
        right: 12px;
        width: 35px;
        text-align: center;
        line-height: 1.3em;
        overflow: hidden;
        padding: 0 2px
    }

    .amap-indoormap-floorbar-control .panel-box {
        background-color: rgba(255, 255, 255, .9);
        border-radius: 3px;
        border: 1px solid #ccc
    }

    .amap-indoormap-floorbar-control .select-dock {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        height: 30px;
        border: solid #4196ff;
        border-width: 0 2px;
        border-radius: 2px;
        pointer-events: none;
        background: linear-gradient(to bottom, #f6f8f9 0, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%)
    }

    .amap-indoor-map .transition {
        transition: opacity .2s
    }

    ,
    .amap-indoormap-floorbar-control .transition {
        transition: top .2s, margin-top .2s
    }

    .amap-indoormap-floorbar-control .select-dock:after, .amap-indoormap-floorbar-control .select-dock:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        top: 10px;
        border: solid transparent;
        border-width: 4px;
        border-left-color: #4196ff
    }

    .amap-indoormap-floorbar-control .select-dock:after {
        right: 0;
        left: auto;
        border-left-color: transparent;
        border-right-color: #4196ff
    }

    .amap-indoormap-floorbar-control.is-mobile {
        width: 37px
    }

    .amap-indoormap-floorbar-control.is-mobile .floor-btn {
        height: 35px;
        line-height: 35px
    }

    .amap-indoormap-floorbar-control.is-mobile .select-dock {
        height: 35px;
        top: 36px
    }

    .amap-indoormap-floorbar-control.is-mobile .select-dock:after, .amap-indoormap-floorbar-control.is-mobile .select-dock:before {
        top: 13px
    }

    .amap-indoormap-floorbar-control.is-mobile .floor-list-box {
        height: 105px
    }

    .amap-indoormap-floorbar-control .floor-list-item .floor-btn {
        color: #555;
        font-family: "Times New Roman", sans-serif, "Microsoft Yahei";
        font-size: 16px
    }

    .amap-indoormap-floorbar-control .floor-list-item.selected .floor-btn {
        color: #000
    }

    .amap-indoormap-floorbar-control .floor-btn {
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .amap-indoormap-floorbar-control .floor-btn:hover {
        background-color: rgba(221, 221, 221, .4)
    }

    .amap-indoormap-floorbar-control .floor-minus, .amap-indoormap-floorbar-control .floor-plus {
        position: relative;
        text-indent: -1000em
    }

    .amap-indoormap-floorbar-control .floor-minus:after, .amap-indoormap-floorbar-control .floor-plus:after {
        content: "";
        position: absolute;
        margin: auto;
        top: 9px;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px 8px;
        border-top-color: #777
    }

    .amap-indoormap-floorbar-control .floor-minus.disabled, .amap-indoormap-floorbar-control .floor-plus.disabled {
        opacity: .3
    }

    .amap-indoormap-floorbar-control .floor-plus:after {
        border-bottom-color: #777;
        border-top-color: transparent;
        top: -3px
    }

    .amap-indoormap-floorbar-control .floor-list-box {
        max-height: 153px;
        position: relative;
        overflow-y: hidden
    }

    .amap-indoormap-floorbar-control .floor-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .amap-indoormap-floorbar-control .floor-list-item {
        position: relative
    }

    .amap-indoormap-floorbar-control .floor-btn.disabled, .amap-indoormap-floorbar-control .floor-btn.disabled *, .amap-indoormap-floorbar-control.with-indrm-loader * {
        -webkit-pointer-events: none !important;
        pointer-events: none !important
    }

    .amap-indoormap-floorbar-control .with-indrm-loader .floor-nonas {
        opacity: .5
    }

    .amap-indoor-map-moverf-marker {
        color: #555;
        background-color: #FFFEEF;
        border: 1px solid #7E7E7E;
        padding: 3px 6px;
        font-size: 12px;
        white-space: nowrap;
        display: inline-block;
        position: absolute;
        top: 1em;
        left: 1.2em
    }

    .amap-indoormap-floorbar-control .amap-indrm-loader {
        -moz-animation: amap-indrm-loader 1250ms infinite linear;
        -webkit-animation: amap-indrm-loader 1250ms infinite linear;
        animation: amap-indrm-loader 1250ms infinite linear;
        border: 2px solid #91A3D8;
        border-right-color: transparent;
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
        width: 13px;
        height: 13px;
        border-radius: 7px;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    @-moz-keyframes amap-indrm-loader {
        0% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-webkit-keyframes amap-indrm-loader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes amap-indrm-loader {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }</style>
    <style type="text/css">.amap-logo {
        display: block !important;
        pointer-events: none;
    }</style>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <link rel="icon" href="https://webui.mybti.cn/favicon.ico">
    <title>进站码</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <script src="./maps"></script>
    <style type="text/css">.amap-container {
        cursor: url(https://webapi.amap.com/theme/v1.3/openhand.cur), default;
    }

    .amap-drag {
        cursor: url(https://webapi.amap.com/theme/v1.3/closedhand.cur), default;
    }</style>

    <link href="./app.b1afb036.css" rel="stylesheet">
    <style type="text/css">._v-container[data-v-ecaca2b0] {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }

    ._v-container > ._v-content[data-v-ecaca2b0] {
        width: 100%;
        -webkit-transform-origin: left top;
        -webkit-transform: translateZ(0);
        -moz-transform-origin: left top;
        -moz-transform: translateZ(0);
        -ms-transform-origin: left top;
        -ms-transform: translateZ(0);
        -o-transform-origin: left top;
        -o-transform: translateZ(0);
        transform-origin: left top;
        transform: translateZ(0)
    }

    ._v-container > ._v-content > .pull-to-refresh-layer[data-v-ecaca2b0] {
        width: 100%;
        height: 60px;
        margin-top: -60px;
        text-align: center;
        font-size: 16px;
        color: #aaa
    }

    ._v-container > ._v-content > .loading-layer[data-v-ecaca2b0] {
        width: 100%;
        height: 60px;
        text-align: center;
        font-size: 16px;
        line-height: 60px;
        color: #aaa;
        position: relative
    }

    ._v-container > ._v-content > .loading-layer > .no-data-text[data-v-ecaca2b0] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    ._v-container > ._v-content > .loading-layer > .no-data-text[data-v-ecaca2b0], ._v-container > ._v-content > .loading-layer > .spinner-holder[data-v-ecaca2b0] {
        opacity: 0;
        transition: opacity .15s linear;
        -webkit-transition: opacity .15s linear
    }

    ._v-container > ._v-content > .loading-layer > .no-data-text.active[data-v-ecaca2b0], ._v-container > ._v-content > .loading-layer > .spinner-holder.active[data-v-ecaca2b0] {
        opacity: 1
    }

    ._v-container > ._v-content > .loading-layer .spinner-holder[data-v-ecaca2b0], ._v-container > ._v-content > .pull-to-refresh-layer .spinner-holder[data-v-ecaca2b0] {
        text-align: center;
        -webkit-font-smoothing: antialiased
    }

    ._v-container > ._v-content > .loading-layer .spinner-holder .arrow[data-v-ecaca2b0], ._v-container > ._v-content > .pull-to-refresh-layer .spinner-holder .arrow[data-v-ecaca2b0] {
        width: 20px;
        height: 20px;
        margin: 8px auto 0;
        -webkit-transform: translateZ(0) rotate(0deg);
        transform: translateZ(0) rotate(0deg);
        transition: transform .2s linear
    }

    ._v-container > ._v-content > .loading-layer .spinner-holder .text[data-v-ecaca2b0], ._v-container > ._v-content > .pull-to-refresh-layer .spinner-holder .text[data-v-ecaca2b0] {
        display: block;
        margin: 0 auto;
        font-size: 14px;
        line-height: 20px;
        color: #aaa
    }

    ._v-container > ._v-content > .loading-layer .spinner-holder .spinner[data-v-ecaca2b0], ._v-container > ._v-content > .pull-to-refresh-layer .spinner-holder .spinner[data-v-ecaca2b0] {
        margin-top: 14px;
        width: 32px;
        height: 32px;
        fill: #444;
        stroke: #69717d
    }

    ._v-container > ._v-content > .pull-to-refresh-layer.active .spinner-holder .arrow[data-v-ecaca2b0] {
        -webkit-transform: translateZ(0) rotate(180deg);
        transform: translateZ(0) rotate(180deg)
    }

    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: left;
        color: #2c3e50;
        height: 100%;
        font-size: .16rem
    }

    #app.ytx {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: .44rem;
        height: auto
    }

    .login {
        text-align: left
    }

    .login > .top {
        background: url(../img/login_pic_bg@2x.893ec495.png) no-repeat top;
        background-size: 100% auto;
        height: .84rem
    }

    .login > .body {
        margin: 0 .24rem
    }

    .login > .body > .ipt-con {
        text-align: left;
        margin-top: .1rem
    }

    .login > .body > .ipt-con > .tip {
        font-size: .1rem;
        color: #222;
        margin-top: .1rem
    }

    .login > .body > .ipt-con > .tip > span {
        vertical-align: middle
    }

    .login > .body > .ipt-con > .ipt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: .005rem solid #dedede;
        overflow: hidden
    }

    .login > .body > .ipt-con > .ipt > input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: .4rem;
        padding: 0;
        margin: 0;
        border: 0;
        outline: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .14rem
    }

    .login > .body > .ipt-con > .ipt > .placeholder {
        color: #aaa
    }

    .login > .body > .ipt-con > .ipt > .option {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .login > .body > .logo {
        background: url(../img/login_pic_logo@2x.0c15da41.png) no-repeat 0;
        background-size: auto 100%;
        height: .66rem;
        margin-bottom: .3rem
    }

    .login > .body > .title {
        font-size: .22rem;
        color: #222;
        font-weight: 700
    }

    .login > .body > .sub-title {
        color: #888;
        font-size: .12rem
    }

    .login > .body .btn-code {
        font-size: .15rem;
        color: #3296fa
    }

    .login > .body > .disable {
        background-color: #d2e5f8;
        color: #fff
    }

    .login > .body > .tip {
        text-align: center;
        margin-top: .16rem;
        font-size: .12rem
    }

    .login > .body > .tip > span {
        color: #ff943e
    }

    .main .mint-tab-item-icon > img {
        height: 100%;
        width: auto
    }

    .home-tab.mint-tabbar > .mint-tab-item.is-selected {
        background: transparent
    }

    .page[data-v-2fb8b99e] {
        text-align: left;
        padding: 0 .24rem;
        background-color: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: auto
    }

    .page > .mask-con[data-v-2fb8b99e] {
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 999
    }

    .page > .mask-con > .tip-con[data-v-2fb8b99e] {
        position: absolute;
        border: .01rem solid #707070;
        left: 50%;
        top: 50%;
        margin-left: -1.35rem;
        margin-top: -1.45rem;
        width: 2.7rem;
        border-radius: .1rem;
        background-color: #fff;
        padding: .1rem .23rem .2rem .23rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

    .page > .mask-con > .tip-con > .icon[data-v-2fb8b99e] {
        margin: .2rem auto;
        width: .82rem;
        height: .82rem;
        background: url(../img/reserve_icon_notice@2x.78a4f64a.png) no-repeat 50%;
        background-size: .82rem auto;
        border-radius: 50%
    }

    .page > .mask-con > .tip-con > .dtitle[data-v-2fb8b99e] {
        color: #222;
        font-weight: 700;
        font-size: .17rem
    }

    .page > .mask-con > .tip-con > .dinfo[data-v-2fb8b99e] {
        margin-top: .08rem;
        font-size: .14rem
    }

    .page > .mask-con > .tip-con > .dinfo > span[data-v-2fb8b99e] {
        color: #15bc83;
        font-weight: 700
    }

    .page > .mask-con > .tip-con > .know[data-v-2fb8b99e] {
        width: 1.6rem
    }

    .page > .banner[data-v-2fb8b99e] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.8rem;
        flex: 0 0 1.8rem;
        margin-top: .1rem;
        margin-bottom: .2rem;
        border-radius: .16rem;
        -webkit-box-shadow: 0 5px 10px rgba(44, 68, 91, .2);
        box-shadow: 0 5px 10px rgba(44, 68, 91, .2);
        background: url(../img/reserve_pic_banner@2x.a8ec90d5.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page > .tip[data-v-2fb8b99e] {
        -webkit-box-shadow: 0 0 10px rgba(44, 68, 91, .1);
        box-shadow: 0 0 10px rgba(44, 68, 91, .1);
        padding: .1rem 0;
        border-radius: 8px;
        -ms-flex: 0 0 0.7rem;
        flex: 0 0 0.7rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .page > .tip > .icon-img[data-v-2fb8b99e], .page > .tip[data-v-2fb8b99e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0
    }

    .page > .tip > .icon-img[data-v-2fb8b99e] {
        -ms-flex: 0 0 0.8rem;
        flex: 0 0 0.8rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .tip > .icon-img > div[data-v-2fb8b99e] {
        border-right: 1px solid #dedede;
        text-align: center;
        width: 100%
    }

    .page > .tip > .icon-img > div > img[data-v-2fb8b99e] {
        width: .4rem
    }

    .page > .tip > .info[data-v-2fb8b99e] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .12rem;
        padding-left: .1rem
    }

    .page > .tip > .info > div[data-v-2fb8b99e] {
        padding: .05rem 0;
        color: #555
    }

    .page > .tip > .info > div > span[data-v-2fb8b99e] {
        color: #ff943e
    }

    .page > .select-box[data-v-2fb8b99e] {
        -webkit-box-shadow: 0 0 10px rgba(44, 68, 91, .1);
        box-shadow: 0 0 10px rgba(44, 68, 91, .1);
        padding: 0 .16rem .16rem .16rem;
        margin-top: .2rem;
        border-radius: 8px;
        margin-bottom: .6rem
    }

    .page > .select-box > .select-tip[data-v-2fb8b99e] {
        font-size: .17rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 700;
        line-height: .5rem
    }

    .page > .select-box > .select-tip > img[data-v-2fb8b99e] {
        width: .16rem;
        margin-left: 0
    }

    .page > .select-box > .station-list[data-v-2fb8b99e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .14rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .page > .select-box > .station-list > .station-item[data-v-2fb8b99e] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.42rem;
        flex: 0 0 1.42rem;
        color: #fff;
        position: relative;
        border: 1px solid transparent;
        margin-top: .1rem;
        height: .6rem
    }

    .page > .select-box > .station-list > .station-item > .station[data-v-2fb8b99e] {
        position: relative;
        height: .6rem;
        padding: .09rem .1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .page > .select-box > .station-list > .station-item > .station > .top-text[data-v-2fb8b99e] {
        font-size: .13rem
    }

    .page > .select-box > .station-list > .station-item > .station > .bottom-text[data-v-2fb8b99e] {
        font-weight: 700
    }

    .page > .select-box > .station-list > .station-item > .station.new[data-v-2fb8b99e]:after {
        content: "";
        background: url() no-repeat 50%;
        background-size: .3rem auto;
        position: absolute;
        width: .3rem;
        height: .3rem;
        top: 0;
        right: 0
    }

    .page > .select-box > .station-list > .station-item > .station.noopen[data-v-2fb8b99e]:after {
        content: "";
        background: url() no-repeat 50%;
        background-size: .3rem auto;
        position: absolute;
        width: .3rem;
        height: .3rem;
        top: 0;
        right: 0
    }

    .page > .select-box > .station-list > .station-item > .station.lineCP[data-v-2fb8b99e] {
        background: url(../img/reserve_pic_station_blue@2x.7b984eef.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page > .select-box > .station-list > .station-item > .station.line5[data-v-2fb8b99e] {
        background: url(../img/reserve_pic_station_green@2x.1b3b4a94.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page > .select-box > .station-list > .station-item > .station.line6[data-v-2fb8b99e] {
        background: url(../img/reserve_pic_station_cyanblue@2x.19ed52f0.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page > .select-box > .station-list > .station-item > .station.line13[data-v-2fb8b99e] {
        background: url(../img/reserve_pic_station_orange@2x.53be7275.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page[data-v-747d3f2c] {
        height: 100%;
        background-color: #fff
    }

    .page > .code-con[data-v-747d3f2c] {
        text-align: center;
        width: 100%;
        padding: 0 .24rem;
        padding-bottom: .16rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/subway3@3x.2a0d2cde.gif) no-repeat bottom;
        background-size: 100% .8rem;
        background-color: #fff;
        height: calc(100% - .65rem)
    }

    .page > .code-con > .top-tip[data-v-747d3f2c] {
        height: .4rem;
        line-height: .4rem;
        margin: 0 -.24rem 0 -.24rem;
        padding-left: .4rem;
        background: url() no-repeat .24rem;
        background-size: .12rem;
        background-color: #f5e9ce;
        color: #634228;
        font-size: .13rem;
        text-align: left
    }

    .page > .code-con > .top-tip > .min[data-v-747d3f2c] {
        color: #f67a16;
        font-size: .16rem;
        font-weight: 700
    }

    .page > .code-con > h2[data-v-747d3f2c] {
        text-align: center;
        font-size: .22rem;
        margin: 0;
        margin-bottom: .2rem;
        position: relative
    }

    .page > .code-con > .timer1-con[data-v-747d3f2c] {
        padding-top: .12rem;
        height: .19rem
    }

    .page > .code-con > .timer1-con > .time1[data-v-747d3f2c] {
        font-size: .13rem
    }

    .page > .code-con > .timer1-con > .time1 > span[data-v-747d3f2c] {
        background-color: #fee;
        padding: .04rem .08rem;
        color: #f25643
    }

    .page > .code-con > .code[data-v-747d3f2c], .page > .code-con > .mask[data-v-747d3f2c] {
        width: 2.2rem;
        height: 2.2rem;
        margin: .12rem auto
    }

    .page > .code-con > .mask[data-v-747d3f2c] {
        background: url() no-repeat 50%;
        background-size: 100% 100%;
        color: #fff;
        padding-top: .84rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .14rem
    }

    .page > .code-con > .mask > .timer[data-v-747d3f2c] {
        margin-top: .12rem;
        color: #f25643
    }

    .page > .code-con > .mask > .timer > span[data-v-747d3f2c] {
        margin: .04rem;
        background-color: #f25643;
        padding: 0 .02rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .02rem;
        font-weight: 700;
        font-size: .14rem;
        line-height: .2rem;
        color: #fff
    }

    .page > .code-con > .tip[data-v-747d3f2c] {
        text-align: center;
        color: #888;
        font-size: .13rem
    }

    .page > .code-con > .station-con[data-v-747d3f2c] {
        padding-top: .2rem;
        padding-bottom: .2rem;
        font-size: .14rem
    }

    .page > .code-con > .station-con > .time[data-v-747d3f2c] {
        margin-top: .08rem
    }

    .page > .code-con > .station-con .big[data-v-747d3f2c] {
        font-size: .22rem;
        color: #3296fa;
        padding-left: .02rem;
        font-weight: 700
    }

    .page > .nodata[data-v-747d3f2c] {
        height: 100%;
        background: url(../img/code_pic_empty@2x.71b182b1.png) no-repeat 50%;
        background-size: 1.38rem auto
    }

    .page[data-v-7e852731] {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #f5f5f5
    }

    .page > .tab[data-v-7e852731], .page[data-v-7e852731] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .page > .tab[data-v-7e852731] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.4rem;
        flex: 0 0 0.4rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        padding: 0 .24rem;
        text-align: center
    }

    .page > .tab > .item[data-v-7e852731] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: .4rem;
        line-height: .4rem
    }

    .page > .tab > .item.active[data-v-7e852731] {
        background: url() no-repeat bottom;
        background-size: .3rem auto;
        color: #3296fa
    }

    .page .no-con[data-v-7e852731] {
        height: 50%
    }

    .page .no-con.nodata[data-v-7e852731] {
        background: url(../img/record_pic_empty@2x.c51aff21.png) no-repeat bottom;
        background-size: 1rem auto
    }

    .page .no-con.nodata1[data-v-7e852731] {
        background: url(../img/record_pic_empty1@2x.f3d8ec29.png) no-repeat bottom;
        background-size: 1rem auto
    }

    .page > .data-con[data-v-7e852731] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        overflow-y: auto;
        padding-bottom: .6rem
    }

    .page > .data-con .list[data-v-7e852731] {
        padding: 0 .24rem;
        font-size: .14rem
    }

    .page > .data-con .list > .top-tip[data-v-7e852731] {
        height: .4rem;
        line-height: .4rem;
        margin: 0 -.24rem 0 -.24rem;
        padding-left: .4rem;
        background: url() no-repeat .24rem;
        background-size: .12rem;
        background-color: #f5e9ce;
        color: #634228;
        font-size: .13rem
    }

    .page > .data-con .list > .top-tip > .min[data-v-7e852731] {
        color: #f67a16;
        font-size: .16rem;
        font-weight: 700
    }

    .page > .data-con .list .item[data-v-7e852731] {
        margin-top: .1rem;
        background-color: #fff;
        border-radius: .08rem;
        padding: .16rem;
        line-height: .22rem
    }

    .page > .data-con .list .item.new[data-v-7e852731] {
        background: url() no-repeat 100% 0;
        background-size: .5rem .5rem;
        background-color: #fff
    }

    .page > .data-con .list .item.no-btn[data-v-7e852731] {
        padding: .16rem
    }

    .page > .data-con .list .item span[data-v-7e852731] {
        color: #3296fa
    }

    .page > .data-con .list .item > .btn-con[data-v-7e852731] {
        margin-top: .14rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .data-con .list .item > .btn-con > .btn[data-v-7e852731] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        font-size: .15rem;
        text-align: left
    }

    .page > .data-con .list .item > .btn-con > .btn.start[data-v-7e852731] {
        background: url() no-repeat 0;
        background-size: .1rem auto;
        padding-left: .14rem;
        padding-right: 0;
        color: #3296fa;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page > .data-con .list .item > .btn-con > .btn.nostart[data-v-7e852731] {
        background: url() no-repeat 0;
        background-size: .1rem auto;
        padding-left: .14rem;
        padding-right: 0;
        color: #ccc;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page > .data-con .list .item > .btn-con > .btn.prove[data-v-7e852731] {
        background: url() no-repeat 0;
        background-size: .1rem auto;
        padding-left: .14rem;
        padding-right: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page > .data-con .list .item > .btn-con > .btn.edit[data-v-7e852731] {
        color: #888;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.5rem;
        flex: 0 0 0.5rem;
        padding: 0 0;
        text-align: right
    }

    .page > .data-con .list .item > .btn-con > .btn.disable[data-v-7e852731] {
        color: #ccc
    }

    .page > .data-con .list .item > .btn-con > .btn.cancel[data-v-7e852731] {
        text-align: right;
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.5rem;
        flex: 0 0 0.5rem;
        color: #888
    }

    .page > .data-con > .load-more[data-v-7e852731] {
        padding: .16rem 0;
        text-align: center;
        color: #888;
        font-size: .13rem
    }

    .page > .data-con > .load-more span[data-v-7e852731] {
        display: inline-block;
        width: .1rem;
        height: .06rem;
        background: url() no-repeat 50%;
        background-size: .1rem .06rem;
        margin-left: .04rem
    }

    .page .pop-con[data-v-7e852731] {
        width: 100%;
        border-top-left-radius: .2rem;
        border-top-right-radius: .2rem;
        background-color: #fff
    }

    .page .entry-con[data-v-7e852731] {
        text-align: center;
        width: 100%;
        padding: .2rem .24rem;
        padding-bottom: .16rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/subway3@3x.2a0d2cde.gif) no-repeat bottom;
        background-size: 100% .8rem;
        margin-bottom: .2rem
    }

    .page .entry-con > h2[data-v-7e852731] {
        text-align: center;
        font-size: .22rem;
        margin: 0;
        margin-bottom: .2rem;
        position: relative
    }

    .page .entry-con > h2 > .close[data-v-7e852731] {
        position: absolute;
        right: 0;
        top: 0;
        background: url() no-repeat 50%;
        background-size: .12rem .12rem;
        width: .12rem;
        height: .12rem
    }

    .page .entry-con > .time1[data-v-7e852731] {
        font-size: .13rem
    }

    .page .entry-con > .time1 > span[data-v-7e852731] {
        background-color: #fee;
        padding: .04rem .08rem;
        color: #f25643
    }

    .page .entry-con > .code[data-v-7e852731] {
        width: 1.4rem;
        height: 1.4rem;
        margin: .3rem auto
    }

    .page .entry-con > .tip[data-v-7e852731] {
        text-align: center;
        color: #888;
        font-size: .13rem;
        padding: 0 .46rem;
        margin-bottom: .3rem
    }

    .page .entry-con > .station-con[data-v-7e852731] {
        font-weight: 700;
        border-top: .005rem solid #c8d1df;
        padding-top: .3rem;
        padding-bottom: .64rem
    }

    .page .entry-con > .station-con > .time[data-v-7e852731] {
        color: #3296fa
    }

    .page[data-v-de316b06] {
        height: 100%;
        background-color: #fff
    }

    .page > .code-con[data-v-de316b06] {
        text-align: center;
        width: 100%;
        padding: 0 .24rem;
        padding-bottom: .16rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/subway3@3x.2a0d2cde.gif) no-repeat bottom;
        background-size: 100% .8rem;
        background-color: #fff;
        height: calc(100% - .5rem)
    }

    .page > .code-con > .top-tip[data-v-de316b06] {
        height: .4rem;
        line-height: .4rem;
        margin: 0 -.24rem 0 -.24rem;
        padding-left: .4rem;
        background: url() no-repeat .24rem;
        background-size: .12rem;
        background-color: #f5e9ce;
        color: #634228;
        font-size: .13rem;
        text-align: left
    }

    .page > .code-con > .top-tip > .min[data-v-de316b06] {
        color: #f67a16;
        font-size: .16rem;
        font-weight: 700
    }

    .page > .code-con > h2[data-v-de316b06] {
        text-align: center;
        font-size: .22rem;
        margin: 0;
        margin-bottom: .2rem;
        position: relative
    }

    .page > .code-con > .timer1-con[data-v-de316b06] {
        padding-top: .12rem;
        height: .19rem
    }

    .page > .code-con > .timer1-con > .time1[data-v-de316b06] {
        font-size: .13rem
    }

    .page > .code-con > .timer1-con > .time1 > span[data-v-de316b06] {
        background-color: #fee;
        padding: .04rem .08rem;
        color: #f25643
    }

    .page > .code-con > .code[data-v-de316b06], .page > .code-con > .mask[data-v-de316b06] {
        width: 2.2rem;
        height: 2.2rem;
        margin: .12rem auto
    }

    .page > .code-con > .mask[data-v-de316b06] {
        background: url() no-repeat 50%;
        background-size: 100% 100%;
        color: #fff;
        padding-top: .84rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .14rem
    }

    .page > .code-con > .mask > .timer[data-v-de316b06] {
        margin-top: .12rem;
        color: #f25643
    }

    .page > .code-con > .mask > .timer > span[data-v-de316b06] {
        margin: .04rem;
        background-color: #f25643;
        padding: 0 .02rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .02rem;
        font-weight: 700;
        font-size: .14rem;
        line-height: .2rem;
        color: #fff
    }

    .page > .code-con > .tip[data-v-de316b06] {
        text-align: center;
        color: #888;
        font-size: .13rem
    }

    .page > .code-con > .station-con[data-v-de316b06] {
        padding-top: .2rem;
        padding-bottom: .2rem;
        font-size: .14rem
    }

    .page > .code-con > .station-con > .time[data-v-de316b06] {
        margin-top: .08rem
    }

    .page > .code-con > .station-con .big[data-v-de316b06] {
        font-size: .22rem;
        color: #3296fa;
        padding-left: .02rem;
        font-weight: 700
    }

    .page > .btn > button[data-v-de316b06] {
        vertical-align: middle
    }

    .page > .btn > button > span[data-v-de316b06] {
        vertical-align: middle;
        margin-left: .04rem
    }

    .page > .nodata[data-v-de316b06] {
        height: 100%;
        background: url(../img/record_pic_empty@2x.c51aff21.png) no-repeat 50%;
        background-size: 1.24rem auto
    }

    .page[data-v-15b54eaa] {
        height: 100%;
        background: #f5f5f5;
        font-size: .14rem
    }

    .page > .record-info[data-v-15b54eaa] {
        padding: .2rem .16rem;
        background: #fff
    }

    .page > .record-info .time[data-v-15b54eaa] {
        color: #3296fa
    }

    .page > .time-con[data-v-15b54eaa] {
        padding: .2rem .16rem;
        background: #fff;
        margin-top: .1rem
    }

    .page > .time-con > .title[data-v-15b54eaa] {
        font-size: .17rem;
        font-weight: 700
    }

    .page > .time-con > .times[data-v-15b54eaa] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: .13rem
    }

    .page > .time-con > .times > .item[data-v-15b54eaa] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.8rem;
        flex: 0 0 0.8rem;
        border-radius: .02rem;
        text-align: center;
        margin-top: .1rem;
        height: .4rem;
        overflow: hidden
    }

    .page > .time-con > .times > .item.normal[data-v-15b54eaa] {
        color: #222;
        background-color: #f5f5f5
    }

    .page > .time-con > .times > .item.active[data-v-15b54eaa] {
        color: #fff;
        background-color: #15bc83
    }

    .page > .time-con > .times > .item.disable[data-v-15b54eaa] {
        color: #fff;
        background-color: #ccc
    }

    .page > .time-con > .times > .item > .span[data-v-15b54eaa] {
        margin-top: .04rem;
        font-size: .13rem
    }

    .page > .time-con > .times > .item > .count[data-v-15b54eaa] {
        font-size: .1rem
    }

    .page .prove-title[data-v-15b54eaa] {
        font-size: .17rem;
        font-weight: 700;
        position: relative;
        margin-bottom: .1rem;
        height: .27rem
    }

    .page .prove-title[data-v-15b54eaa]:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: .3rem;
        height: .03rem;
        background: -webkit-gradient(linear, right top, left top, from(rgba(50, 150, 250, 0)), to(#3296fa));
        background: linear-gradient(270deg, rgba(50, 150, 250, 0), #3296fa)
    }

    .page[data-v-1654e5c9] {
        padding: 0 .24rem;
        background: url(../img/my_pic_bg1@2x.4a4285ce.png) no-repeat top;
        background-size: 100% auto;
        height: 100%;
        border-top: 1px solid transparent;
        overflow-y: auto
    }

    .page > .top[data-v-1654e5c9] {
        height: 1.2rem;
        margin-bottom: .4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .top > .left[data-v-1654e5c9] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page > .top > .left > .phone[data-v-1654e5c9] {
        color: #222;
        font-size: .22rem
    }

    .page > .top > .left > .tip[data-v-1654e5c9] {
        color: #888;
        font-size: .12rem
    }

    .page > .top > .right[data-v-1654e5c9] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.6rem;
        flex: 0 0 0.6rem
    }

    .page > .top > .right > img[data-v-1654e5c9] {
        width: .6rem;
        height: .6rem;
        border-radius: 50%;
        border: .01rem solid #fff
    }

    .page > .top > .right > img.def[data-v-1654e5c9] {
        border: 0
    }

    .page > .card-con[data-v-1654e5c9] {
        -webkit-box-shadow: 0 5px 10px rgba(44, 68, 91, .1);
        box-shadow: 0 5px 10px rgba(44, 68, 91, .1);
        border-radius: .08rem;
        background-color: #fff;
        border: 1px solid transparent;
        padding: .16rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .card-con > .left[data-v-1654e5c9] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page > .card-con > .left > .title[data-v-1654e5c9] {
        color: #222;
        font-size: .17rem;
        text-align: left;
        padding: 0
    }

    .page > .card-con > .left > .hasbind[data-v-1654e5c9] {
        font-size: .13rem;
        color: #555;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: .04rem
    }

    .page > .card-con > .left > .hasbind > img[data-v-1654e5c9] {
        height: .13rem;
        margin-left: .05rem
    }

    .page > .card-con > .left > .nobind[data-v-1654e5c9] {
        font-size: .13rem;
        color: #888;
        margin-top: .04rem
    }

    .page > .card-con > .left > .nobind > .bind-btn[data-v-1654e5c9] {
        color: #3296fa
    }

    .page > .card-con > .right[data-v-1654e5c9] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.6rem;
        flex: 0 0 0.6rem;
        height: .48rem
    }

    .page > .card-con > .right > img[data-v-1654e5c9] {
        height: .48rem
    }

    .page > .btn-list[data-v-1654e5c9] {
        margin-top: .1rem;
        -webkit-box-shadow: 0 5px 10px rgba(44, 68, 91, .1);
        box-shadow: 0 5px 10px rgba(44, 68, 91, .1);
        border-radius: .08rem;
        background-color: #fff;
        border: 1px solid transparent;
        padding: 0 .16rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page > .btn-list > .btn-item[data-v-1654e5c9], .page > .btn-list[data-v-1654e5c9] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .btn-list > .btn-item[data-v-1654e5c9] {
        line-height: .5rem;
        height: .5rem;
        border-bottom: 1px solid #dedede;
        font-size: .16rem;
        color: #222;
        width: 100%
    }

    .page > .btn-list > .btn-item > .left-icon[data-v-1654e5c9] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .btn-list > .btn-item > .left-icon > img[data-v-1654e5c9] {
        width: .16rem;
        margin-right: .05rem
    }

    .page > .btn-list > .btn-item > .content[data-v-1654e5c9] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: .16rem
    }

    .page > .btn-list > .btn-item > .icon[data-v-1654e5c9] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.07rem;
        flex: 0 0 0.07rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .btn-list > .btn-item > .icon > img[data-v-1654e5c9] {
        height: .15rem
    }

    .page .logout[data-v-1654e5c9] {
        background-color: #f25643
    }

    .page[data-v-440a3723] {
        text-align: left;
        padding: 0 .24rem
    }

    .page .card-con[data-v-440a3723] {
        height: 1.8rem;
        margin: .12rem 0 .2rem 0;
        border-radius: .16rem;
        -webkit-box-shadow: 0 10px 10px rgba(50, 150, 250, .2);
        box-shadow: 0 10px 10px rgba(50, 150, 250, .2)
    }

    .page .card[data-v-440a3723] {
        height: 1.8rem
    }

    .page .card.front[data-v-440a3723] {
        background: url(../img/bind_pic_card_front@2x.87c23d01.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page .card.back[data-v-440a3723] {
        background: url(../img/bind_pic_card_back@2x.3f7d3f12.png) no-repeat 50%;
        background-size: 100% auto
    }

    .page > .ipt-con[data-v-440a3723] {
        text-align: left;
        margin: .14rem 0
    }

    .page > .ipt-con > .tip[data-v-440a3723] {
        font-size: .1rem;
        color: #222;
        margin-top: .1rem
    }

    .page > .ipt-con > .tip > span[data-v-440a3723] {
        vertical-align: middle
    }

    .page > .ipt-con > .ipt[data-v-440a3723] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: .005rem solid #dedede;
        overflow: hidden
    }

    .page > .ipt-con > .ipt > input[data-v-440a3723] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: .4rem;
        padding: 0;
        margin: 0;
        border: 0;
        outline: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .16rem;
        background: transparent
    }

    .page > .ipt-con > .ipt > .placeholder[data-v-440a3723] {
        color: #aaa
    }

    .page > .ipt-con > .ipt > .option[data-v-440a3723] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .page > .tip[data-v-440a3723] {
        text-align: center;
        color: #888;
        font-size: .13rem
    }

    .page[data-v-470f0c77] {
        text-align: left;
        padding: 0 .24rem
    }

    .page > dl[data-v-470f0c77] {
        font-size: .14rem
    }

    .page > dl > dt[data-v-470f0c77] {
        color: #222;
        margin-bottom: .2rem
    }

    .page > dl > dd[data-v-470f0c77] {
        margin-left: 0;
        color: #555;
        margin-bottom: .2rem
    }

    .page[data-v-1bdd8d58] {
        height: 100%;
        background: url(../img/reserve_pic_bg@2x.be003fe1.png) no-repeat bottom;
        background-size: 100% .7rem;
        background-color: #f5f5f5;
        padding: 0 .14rem;
        border: 1px solid transparent
    }

    .page .result-con[data-v-1bdd8d58] {
        border-radius: .2rem;
        background-color: #0c5bab;
        -webkit-box-shadow: 0 5px 10px rgba(50, 150, 250, .2);
        box-shadow: 0 5px 10px rgba(50, 150, 250, .2);
        position: relative;
        border: 1px solid transparent;
        margin-top: .3rem
    }

    .page .result-con > .result[data-v-1bdd8d58] {
        background-color: #fff;
        margin: .16rem;
        margin-bottom: 0;
        padding: .2rem .3rem;
        -webkit-box-shadow: 0 5px 10px rgba(44, 68, 91, .1);
        box-shadow: 0 5px 10px rgba(44, 68, 91, .1)
    }

    .page .result-con > .result > .title[data-v-1bdd8d58] {
        text-align: center;
        font-size: .2rem;
        margin-bottom: .2rem
    }

    .page .result-con > .result > .today[data-v-1bdd8d58] {
        font-size: .14rem;
        border-bottom: .01rem dashed #ccc;
        padding-bottom: .1rem
    }

    .page .result-con > .result > .today > .item[data-v-1bdd8d58] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: .26rem
    }

    .page .result-con > .result > .today > .item > .icon[data-v-1bdd8d58] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem
    }

    .page .result-con > .result > .today > .item > .icon.line[data-v-1bdd8d58] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page .result-con > .result > .today > .item > .icon.site[data-v-1bdd8d58] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page .result-con > .result > .today > .item > .icon.date[data-v-1bdd8d58] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page .result-con > .result > .today > .item > .icon.time[data-v-1bdd8d58] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page .result-con > .result > .today > .item > .label[data-v-1bdd8d58] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.7rem;
        flex: 0 0 0.7rem;
        padding-left: .08rem;
        color: #888
    }

    .page .result-con > .result > .today > .item > .val[data-v-1bdd8d58] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page .result-con > .result > .today > .item > .val.high[data-v-1bdd8d58] {
        color: #3296fa
    }

    .page .result-con > .result > .today > .item > .state[data-v-1bdd8d58] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem
    }

    .page .result-con > .result > .today > .item > .state[data-v-1bdd8d58]:after {
        content: "";
        height: .16rem;
        background: url() no-repeat bottom;
        display: block;
        background-size: 100% auto
    }

    .page .result-con > .result > .today > .item > .state.fail[data-v-1bdd8d58]:after {
        content: "";
        height: .16rem;
        background: url() no-repeat bottom;
        display: block;
        background-size: 100% auto
    }

    .page .result-con > .result > .week[data-v-1bdd8d58] {
        font-size: .13rem;
        padding: .2rem 0 .1rem 0
    }

    .page .result-con > .result > .week > .item[data-v-1bdd8d58] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: .22rem
    }

    .page .result-con > .result > .week > .item > .label[data-v-1bdd8d58] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page .result-con > .result > .week > .item[data-v-1bdd8d58]:after {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem;
        content: "";
        display: block;
        background: url() no-repeat bottom;
        height: .16rem;
        background-size: 100% auto
    }

    .page .result-con > .result > .week > .item.fail[data-v-1bdd8d58]:after {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem;
        content: "";
        display: block;
        background: url() no-repeat bottom;
        height: .16rem;
        background-size: 100% auto
    }

    .page .result-con > .face[data-v-1bdd8d58] {
        height: 1.3rem;
        background: url(../img/reserve_pic_footbg@2x.f1f2c3ed.png) no-repeat 50%;
        background-size: 100% auto;
        margin-top: -.32rem;
        border-top: 1px solid transparent
    }

    .page .result-con > .face > .view[data-v-1bdd8d58] {
        width: 1.6rem;
        height: .4rem;
        text-align: center;
        color: #3296fa;
        margin-top: .6rem;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        line-height: .4rem;
        border-radius: .04rem
    }

    .page[data-v-007dea98] {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page > .result[data-v-007dea98] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #f5f5f5;
        padding: .1rem .24rem
    }

    .page > .result > .today[data-v-007dea98] {
        border-radius: .08rem;
        padding: .13rem .24rem .2rem .16rem;
        background: url() no-repeat 100% 0;
        background-size: .5rem .5rem;
        background-color: #fff
    }

    .page > .result > .today > .title[data-v-007dea98] {
        height: .17rem;
        margin-bottom: .16rem;
        font-weight: 700
    }

    .page > .result > .today > .item[data-v-007dea98] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: .26rem;
        font-size: .14rem
    }

    .page > .result > .today > .item > .icon[data-v-007dea98] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem
    }

    .page > .result > .today > .item > .icon.line[data-v-007dea98] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page > .result > .today > .item > .icon.site[data-v-007dea98] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page > .result > .today > .item > .icon.date[data-v-007dea98] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page > .result > .today > .item > .icon.time[data-v-007dea98] {
        background: url() no-repeat 50%;
        background-size: .16rem .16rem
    }

    .page > .result > .today > .item > .label[data-v-007dea98] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.7rem;
        flex: 0 0 0.7rem;
        padding-left: .08rem;
        color: #888
    }

    .page > .result > .today > .item > .val[data-v-007dea98] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page > .result > .today > .item > .val.high[data-v-007dea98] {
        color: #3296fa
    }

    .page > .result > .today > .item > .state[data-v-007dea98] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem
    }

    .page > .result > .today > .item > .state[data-v-007dea98]:after {
        content: "";
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem;
        width: .2rem;
        height: .2rem;
        background: url() no-repeat 50%;
        background-size: 100% 100%
    }

    .page > .result > .today.disable[data-v-007dea98] {
        background: url() no-repeat 100% 0;
        background-size: .5rem .5rem;
        background-color: #fff
    }

    .page > .result > .today.disable > .item > .state[data-v-007dea98] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem
    }

    .page > .result > .today.disable > .item > .state[data-v-007dea98]:after {
        content: "";
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem;
        width: .2rem;
        height: .2rem;
        background: url() no-repeat 50%;
        background-size: 100% 100%
    }

    .page > .result > .week[data-v-007dea98] {
        background-color: #fff;
        border-radius: .08rem;
        padding: .13rem .16rem;
        margin-top: .1rem
    }

    .page > .result > .week > .title[data-v-007dea98] {
        height: .17rem;
        margin-bottom: .16rem;
        font-weight: 700
    }

    .page > .result > .week > .item[data-v-007dea98] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: .26rem;
        font-size: .13rem;
        height: .4rem;
        padding: 0 .08rem
    }

    .page > .result > .week > .item[data-v-007dea98]:nth-of-type(2n) {
        background-color: #f8f8f8
    }

    .page > .result > .week > .item > .label[data-v-007dea98] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: .08rem
    }

    .page > .result > .week > .item > .state[data-v-007dea98] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.6rem;
        flex: 0 0 0.6rem;
        padding-left: .08rem;
        font-size: .09rem
    }

    .page > .result > .week > .item > .state > span[data-v-007dea98] {
        border-radius: .02rem;
        padding: .02rem;
        color: #fff;
        background-color: #15bc83
    }

    .page > .result > .week > .item > .state > span.disable[data-v-007dea98] {
        background-color: #f25643
    }

    .page > .result > .week > .item[data-v-007dea98]:after {
        content: "";
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem;
        width: .2rem;
        height: .2rem;
        background: url() no-repeat 50%;
        background-size: 100% 100%
    }

    .page > .result > .week > .item.active > .label[data-v-007dea98] {
        color: #3296fa
    }

    .page > .result > .week > .item.active[data-v-007dea98]:after {
        content: "";
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem;
        width: .2rem;
        height: .2rem;
        background: url() no-repeat 50%;
        background-size: 100% 100%
    }

    .page > .btn[data-v-007dea98] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.72rem;
        flex: 0 0 0.72rem;
        padding: 0 .24rem
    }

    .page > .btn > button[data-v-007dea98] {
        margin: .16rem 0
    }

    .feedback[data-v-30159e94] {
        height: 100%;
        background-color: #f5f5f5;
        padding: .24rem
    }

    .feedback > textarea[data-v-30159e94] {
        border: 0;
        width: 100%;
        outline: none;
        border-radius: .08rem;
        padding: .16rem;
        font-size: .16rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .feedback > .tip[data-v-30159e94] {
        text-align: right;
        color: #aaa;
        font-size: .13rem
    }

    .page[data-v-1b8bf2ce] {
        padding: 0 .24rem
    }

    .page > .item[data-v-1b8bf2ce] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .16rem 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: .005rem solid #dedede
    }

    .page > .item > .message[data-v-1b8bf2ce] {
        background: url() no-repeat top;
        background-size: 100% auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.4rem;
        flex: 0 0 0.4rem
    }

    .page > .item > .info[data-v-1b8bf2ce] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: .1rem
    }

    .page > .item > .info > .top[data-v-1b8bf2ce] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: .3rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .item > .info > .top > .title[data-v-1b8bf2ce] {
        font-size: .17rem;
        font-weight: 700;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1rem;
        flex: 0 0 1rem
    }

    .page > .item > .info > .top > .date[data-v-1b8bf2ce] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .12rem;
        color: #888;
        text-align: right
    }

    .page > .item > .info > .content[data-v-1b8bf2ce] {
        margin-top: .08rem;
        font-size: .13rem
    }

    .page[data-v-14768f92] {
        text-align: left;
        background-color: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .page > .title[data-v-14768f92] {
        background: #f5f5f5;
        text-align: center;
        color: #222;
        font-size: .15rem;
        -ms-flex: 0 0 0.4rem;
        flex: 0 0 0.4rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page > .tip[data-v-14768f92], .page > .title[data-v-14768f92] {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .page > .tip[data-v-14768f92] {
        -ms-flex: 0 0 0.4rem;
        flex: 0 0 0.4rem;
        font-size: .13rem;
        background-color: #f5e9ce;
        color: #634228;
        padding-left: .15rem;
        -ms-flex-align: center
    }

    .page > .tip > img[data-v-14768f92] {
        margin-right: .05rem;
        height: .13rem
    }

    .page > .content[data-v-14768f92] {
        background-color: #fff;
        padding: 0 .1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: scroll
    }

    .page > .content > .date-item[data-v-14768f92] {
        padding: .2rem 0 .1rem;
        border-bottom: 1px solid #dedede
    }

    .page > .content > .date-item > .date-title[data-v-14768f92] {
        font-size: .17rem;
        color: #222
    }

    .page > .content > .date-item > .date-title img[data-v-14768f92] {
        height: .03rem;
        vertical-align: top
    }

    .page > .content > .date-item > .time-slot-list > .time-slot-item[data-v-14768f92] {
        display: inline-block;
        width: calc(16.66% - .04rem);
        position: relative;
        margin-bottom: .1rem
    }

    .page > .content > .date-item > .time-slot-list > .time-slot-item > .bg > img[data-v-14768f92] {
        width: 100%
    }

    .page > .content > .date-item > .time-slot-list > .time-slot-item > .time-slot-text[data-v-14768f92] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        color: #fff;
        text-align: center
    }

    .page > .content > .date-item > .time-slot-list > .time-slot-item > .time-slot-text > .time-slot[data-v-14768f92] {
        font-size: .1rem;
        padding-top: .1rem
    }

    .page > .content > .date-item > .time-slot-list > .time-slot-item > .time-slot-text > .time-select[data-v-14768f92] {
        position: absolute;
        font-size: .14rem;
        bottom: .15rem;
        width: 100%
    }

    .page > .content > .tip-text[data-v-14768f92] {
        color: #888;
        font-size: .13rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page > .content > .tip-text > img[data-v-14768f92] {
        height: .13rem;
        margin: 0 .05rem 0 0
    }

    .page > .btn[data-v-14768f92] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.6rem;
        flex: 0 0 0.6rem;
        background-color: #fff;
        padding: 0 .1rem
    }

    .page > .btn > button[data-v-14768f92] {
        margin-top: .08rem
    }

    .page[data-v-05772c51] {
        text-align: left;
        background-color: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .page > .tip[data-v-05772c51] {
        color: #888;
        height: .14rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.14rem;
        flex: 0 0 0.14rem;
        padding: .1rem .14rem;
        font-size: .14rem
    }

    .link-list[data-v-05772c51] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: scroll
    }

    .link-list > .link-item[data-v-05772c51] {
        padding-left: .14rem;
        font-size: .16rem;
        background-color: #fff
    }

    .link-list > .link-item > .item[data-v-05772c51] {
        padding: .1rem 0 .1rem 0;
        border-bottom: 1px solid #dedede;
        height: .3rem;
        line-height: .3rem;
        width: 100%
    }

    .link-list > .link-item > .item > span[data-v-05772c51] {
        vertical-align: middle
    }

    .link-list > .link-item > .item > .link-select[data-v-05772c51] {
        color: #3296fa
    }

    .link-list > .link-item > .item > img[data-v-05772c51] {
        height: .14rem;
        float: right;
        margin-right: .14rem;
        margin-top: .1rem;
        vertical-align: middle
    }

    .station-btns[data-v-05772c51] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.16rem;
        flex: 0 0 0.16rem;
        padding: 0 .1rem .1rem;
        background-color: #fff
    }

    .page[data-v-5df2045b] {
        text-align: left;
        background-color: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .page > .tip[data-v-5df2045b] {
        color: #888;
        height: .14rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.14rem;
        flex: 0 0 0.14rem;
        padding: .1rem .14rem;
        font-size: .14rem
    }

    .link-list[data-v-5df2045b] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: scroll
    }

    .link-list > .link-item[data-v-5df2045b] {
        padding-left: .14rem;
        font-size: .16rem;
        background-color: #fff
    }

    .link-list > .link-item > .item[data-v-5df2045b] {
        padding: .1rem 0 .1rem 0;
        height: .3rem;
        line-height: .3rem;
        border-bottom: 1px solid #dedede;
        width: 100%
    }

    .link-list > .link-item > .item > span[data-v-5df2045b] {
        vertical-align: middle
    }

    .link-list > .link-item > .item > .link-select[data-v-5df2045b] {
        color: #3296fa
    }

    .link-list > .link-item > .item > img[data-v-5df2045b] {
        height: .14rem;
        float: right;
        margin-right: .14rem;
        margin-top: .1rem;
        vertical-align: middle
    }

    .page[data-v-427ae290] {
        text-align: left;
        padding: 0 .24rem
    }

    .page .card-con[data-v-427ae290] {
        height: 1.8rem;
        margin: .12rem 0 .2rem 0;
        border-radius: .16rem;
        -webkit-box-shadow: 0 10px 10px rgba(50, 150, 250, .2);
        box-shadow: 0 10px 10px rgba(50, 150, 250, .2)
    }

    .page .card[data-v-427ae290] {
        height: 1.8rem
    }

    .page .card.front[data-v-427ae290] {
        background: url(../img/bind_pic_card_front@2x.87c23d01.png) no-repeat 50%;
        background-size: auto 100%
    }

    .page .card.back[data-v-427ae290] {
        background: url(../img/bind_pic_card_back@2x.3f7d3f12.png) no-repeat 50%;
        background-size: auto 100%
    }

    .page > .ipt-con[data-v-427ae290] {
        text-align: left;
        margin: .14rem 0
    }

    .page > .ipt-con > .tip[data-v-427ae290] {
        font-size: .1rem;
        color: #222;
        margin-top: .1rem
    }

    .page > .ipt-con > .tip > span[data-v-427ae290] {
        vertical-align: middle
    }

    .page > .ipt-con > .ipt[data-v-427ae290] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: .005rem solid #dedede;
        overflow: hidden
    }

    .page > .ipt-con > .ipt > input[data-v-427ae290] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: .4rem;
        padding: 0;
        margin: 0;
        border: 0;
        outline: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .16rem;
        background: transparent
    }

    .page > .ipt-con > .ipt > .placeholder[data-v-427ae290] {
        color: #aaa
    }

    .page > .ipt-con > .ipt > .option[data-v-427ae290] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .page > .tip[data-v-427ae290] {
        text-align: center;
        color: #888;
        font-size: .13rem
    }

    .page {
        text-align: left;
        background-color: #f5f5f5;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .title {
        color: #222;
        text-align: center;
        background-color: #fff;
        padding: .04rem 0
    }

    .title, .top-btns {
        font-size: .14rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.2rem;
        flex: 0 0 0.2rem
    }

    .top-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .1rem 0
    }

    .left-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

    .left-btn img {
        width: .05rem;
        margin: 0 .1rem
    }

    .left-btn > span, .left-btn img {
        vertical-align: middle
    }

    .right-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

    .right-btn img {
        width: .05rem;
        margin: 0 .1rem
    }

    .right-btn > span, .right-btn img {
        vertical-align: middle
    }

    .btn-div {
        display: inline-block
    }

    .select-time {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: scroll
    }

    .btn, .select-time {
        background-color: #fff
    }

    .btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.6rem;
        flex: 0 0 0.6rem;
        padding: 0 .24rem
    }

    .btn button {
        margin-top: .08rem
    }

    .btn button > img {
        height: .16rem;
        vertical-align: middle;
        margin-right: .04rem;
        margin-top: -.015rem
    }

    .select-time > .dateItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .09rem .1rem
    }

    .select-time > .timeSlotTitle {
        padding-bottom: 0
    }

    .select-time > .bottom-border {
        border-bottom: .06rem solid #f5f5f5
    }

    .select-time > .dateItem > .dateText {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.5rem;
        flex: 0 0 0.5rem;
        text-align: center
    }

    .select-time > .dateItem > .dateText > .date {
        color: #222;
        margin-bottom: .02rem;
        font-size: .14rem
    }

    .select-time > .dateItem > .dateText > .week {
        color: #888;
        font-size: .12rem
    }

    .select-time > .dateItem > .timeSlotItem, .select-time > .dateItem > .timeSlotItem > .leftRightSlot {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot {
        padding: 0 .05rem
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > .border {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
        flex: 0 0 1px;
        height: 70%;
        margin-top: 10%;
        border-left: 1px solid #dedede
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > div > .top {
        font-size: .14rem;
        color: #333
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > div > .bottom {
        font-size: .12rem;
        color: #888
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > .selectItem {
        background-image: url();
        background-repeat: no-repeat;
        background-size: .3rem .36rem;
        font-size: .14rem;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-position: 50%
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > .select {
        background-image: url()
    }

    .select-time > .dateItem > .timeSlotItem > .leftRightSlot > .slotItem > .not-select {
        background-image: url()
    }

    .page[data-v-61137920] {
        padding: 0 .24rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page > .title[data-v-61137920] {
        color: #222;
        font-size: .22rem;
        text-align: center;
        padding: .2rem 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.25rem;
        flex: 0 0 0.25rem
    }

    .page > .content-list[data-v-61137920] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: scroll;
        padding-bottom: .2rem
    }

    .page > .content-list > .content-item[data-v-61137920] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: .2rem
    }

    .page > .content-list > .content-item > .icon[data-v-61137920] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.3rem;
        flex: 0 0 0.3rem;
        background-image: url();
        background-size: .16rem .16rem;
        background-position: top;
        background-repeat: no-repeat;
        color: #fff;
        text-align: center;
        font-size: .11rem;
        line-height: .18rem
    }

    .page > .content-list > .content-item > .content[data-v-61137920] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .14rem;
        color: #555
    }

    .page > .content-list > .isbottom[data-v-61137920] {
        color: #888;
        font-size: .12rem;
        text-align: center
    }

    .page[data-v-005707ca] {
        padding: .2rem .24rem .2rem .14rem;
        background: #fff;
        height: calc(100% - .4rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .page > .content-list[data-v-005707ca] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: scroll
    }

    .page > .content-list > .content-item[data-v-005707ca] {
        padding-bottom: .2rem
    }

    .page > .content-list > .content-item > .top[data-v-005707ca] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .1rem
    }

    .page > .content-list > .content-item > .top > .icon[data-v-005707ca] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.3rem;
        flex: 0 0 0.3rem;
        background-image: url();
        background-size: .16rem .16rem;
        background-position: top;
        background-repeat: no-repeat;
        color: #fff;
        text-align: center;
        font-size: .11rem;
        line-height: .18rem
    }

    .page > .content-list > .content-item > .top > .content[data-v-005707ca] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .17rem;
        color: #222
    }

    .page > .content-list > .content-item > .bottom[data-v-005707ca] {
        padding-left: .1rem;
        color: #555;
        font-size: .14rem
    }

    .page > .content-list > .isbottom[data-v-005707ca] {
        color: #888;
        font-size: .12rem;
        text-align: center
    }

    .page[data-v-0bd093d8] {
        height: 100%;
        position: relative
    }

    .page > .con[data-v-0bd093d8] {
        border-radius: .2rem;
        margin: .24rem;
        padding: 0 .24rem .24rem .24rem;
        background-color: #fff
    }

    .page > .con > .top[data-v-0bd093d8] {
        height: .34rem;
        margin-top: -.14rem;
        margin-bottom: .2rem;
        position: relative
    }

    .page > .con > .top[data-v-0bd093d8]:before {
        left: .46rem
    }

    .page > .con > .top[data-v-0bd093d8]:after, .page > .con > .top[data-v-0bd093d8]:before {
        content: "";
        width: .1rem;
        height: .34rem;
        background: url() no-repeat 50%;
        background-size: 100% auto;
        position: absolute;
        top: 0
    }

    .page > .con > .top[data-v-0bd093d8]:after {
        right: .46rem
    }

    .page > .con > .logo[data-v-0bd093d8] {
        background: url() no-repeat 50%;
        background-size: 100% auto;
        width: .7rem;
        height: .7rem;
        margin: 0 auto
    }

    .page > .con > .oname[data-v-0bd093d8] {
        text-align: center;
        font-size: .2rem;
        margin-top: .12rem
    }

    .page > .con > .tip[data-v-0bd093d8] {
        text-align: center;
        font-size: .12rem;
        color: #888;
        margin-top: .08rem
    }

    .page > .con > .about[data-v-0bd093d8] {
        color: #555;
        font-size: .13rem;
        margin-top: .24rem
    }

    .page > .con > .about > p[data-v-0bd093d8] {
        margin: 0
    }

    .page > .con > .about > p.mid[data-v-0bd093d8] {
        margin: .2rem 0
    }

    .page > .bottom[data-v-0bd093d8] {
        position: absolute;
        bottom: .3rem;
        left: 0;
        right: 0;
        text-align: center;
        font-size: .12rem;
        color: #888
    }

    .page > .bottom > .company[data-v-0bd093d8] {
        margin-bottom: .04rem
    }

    .bindphone {
        text-align: left;
        padding-top: .2rem
    }

    .bindphone > .body {
        margin: 0 .24rem
    }

    .bindphone > .body > .title {
        font-size: .24rem;
        font-weight: 800;
        text-align: left
    }

    .bindphone > .body > .tip {
        font-size: .13 rm;
        text-align: left;
        padding-top: .04rem;
        margin-bottom: .3rem
    }

    .bindphone > .body > .ipt-con {
        text-align: left;
        margin-top: .1rem
    }

    .bindphone > .body > .ipt-con > .tip {
        font-size: .1rem;
        color: #222;
        margin-top: .1rem
    }

    .bindphone > .body > .ipt-con > .tip > span {
        vertical-align: middle
    }

    .bindphone > .body > .ipt-con > .ipt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: .005rem solid #dedede;
        overflow: hidden
    }

    .bindphone > .body > .ipt-con > .ipt > input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: .4rem;
        padding: 0;
        margin: 0;
        border: 0;
        outline: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .14rem
    }

    .bindphone > .body > .ipt-con > .ipt > .placeholder {
        color: #aaa
    }

    .bindphone > .body > .ipt-con > .ipt > .option {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .bindphone > .body > .logo {
        background-size: auto 100%;
        height: .66rem;
        margin-bottom: .3rem
    }

    .bindphone > .body > .title {
        font-size: .22rem;
        color: #222;
        font-weight: 700
    }

    .bindphone > .body > .sub-title {
        color: #888;
        font-size: .12rem
    }

    .bindphone > .body .btn-code {
        font-size: .15rem;
        color: #3296fa
    }

    .bindphone > .body > .disable {
        background-color: #d2e5f8;
        color: #fff
    }

    .main, .main > .body {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: 100%
    }

    .main > .body {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .page[data-v-2cead2b7], .page[data-v-712fb7dc] {
        height: 100%;
        background: url(../img/auth_pic.1c37c04d.gif) no-repeat 50%;
        background-size: 1.4rem auto
    }

    .page[data-v-0ddb60af] {
        display: block;
        background-color: #5ac5c7;
        overflow-y: auto
    }

    .page .body-con[data-v-0ddb60af] {
        margin-top: -1px;
        position: relative
    }

    .page .body-con .page-con[data-v-0ddb60af], .page .body-con[data-v-0ddb60af] {
        background: url(../img/reserve_pic_queue_banner.aad84c74.png) top no-repeat;
        background-size: 100% auto;
        border-top: 1px solid transparent
    }

    .page .body-con .page-con > .info-con[data-v-0ddb60af] {
        background-color: #fff;
        border-radius: .16rem;
        margin: 0 .24rem;
        margin-top: 1.5rem;
        overflow: hidden
    }

    .page .body-con .page-con > .info-con > .tname[data-v-0ddb60af] {
        padding: .24rem
    }

    .page .body-con .page-con > .info-con > .tname .outtime[data-v-0ddb60af] {
        font-size: .13rem
    }

    .page .body-con .page-con > .info-con > .tname .outtime > span[data-v-0ddb60af] {
        color: #ff943e;
        font-weight: 700
    }

    .page .body-con .page-con > .info-con > .tname > .instation > .cannot[data-v-0ddb60af] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .2rem;
        background: url() no-repeat 0;
        background-size: .2rem .2rem;
        padding-left: .32rem;
        width: 1.8rem;
        margin: 0 auto
    }

    .page .body-con .page-con > .info-con > .tname > .instation > .success[data-v-0ddb60af] {
        color: #15bc83;
        font-size: .15rem;
        line-height: .32rem;
        background: url() no-repeat 0;
        background-size: .24rem .24rem;
        padding-left: .32rem;
        margin-left: .46rem
    }

    .page .body-con .page-con > .info-con > .tname > .instation > .success.booked[data-v-0ddb60af] {
        width: .7rem;
        margin: 0 auto
    }

    .page .body-con .page-con > .info-con > .tname > .outstation > .out[data-v-0ddb60af] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .2rem;
        background: url() no-repeat 0;
        background-size: .2rem .2rem;
        padding-left: .32rem
    }

    .page .body-con .page-con > .info-con > .tname > .outstation > .relocation[data-v-0ddb60af] {
        color: #3296fa;
        font-size: .13rem;
        line-height: .18rem;
        background: url() no-repeat 0;
        background-size: .12rem .12rem;
        padding-left: .14rem;
        width: .7rem;
        margin: 0 auto
    }

    .page .body-con .page-con > .info-con > .split[data-v-0ddb60af] {
        border-top: .02rem dashed #5ac5c7;
        position: relative
    }

    .page .body-con .page-con > .info-con > .split[data-v-0ddb60af]:before {
        content: "";
        position: absolute;
        display: block;
        width: .2rem;
        height: .2rem;
        background-color: #5ac5c7;
        border-radius: 50%;
        left: -.11rem;
        top: -.11rem
    }

    .page .body-con .page-con > .info-con > .split[data-v-0ddb60af]:after {
        position: absolute;
        content: "";
        display: block;
        width: .2rem;
        height: .2rem;
        background-color: #5ac5c7;
        border-radius: 50%;
        right: -.11rem;
        top: -.11rem
    }

    .page .body-con .page-con > .info-con > .data-con[data-v-0ddb60af] {
        margin-top: .2rem
    }

    .page .body-con .page-con > .info-con > .data-con > .data-title[data-v-0ddb60af] {
        padding: .04rem .3rem;
        font-size: .17rem;
        font-weight: 700;
        color: #222;
        padding-bottom: .1rem
    }

    .page .body-con .page-con > .info-con > .data-con > .data-item[data-v-0ddb60af] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .04rem .3rem 0 .3rem
    }

    .page .body-con .page-con > .info-con > .data-con > .data-item > .name[data-v-0ddb60af] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.8rem;
        flex: 0 0 0.8rem;
        font-size: .13rem;
        color: #555
    }

    .page .body-con .page-con > .info-con > .data-con > .data-item > .data[data-v-0ddb60af] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .15rem;
        color: #222;
        padding-left: .2rem
    }

    .page .body-con .page-con > .info-con > .btn[data-v-0ddb60af] {
        margin: .2rem 0 .12rem 0;
        padding: 0 .4rem
    }

    .page .body-con .page-con > .info-con > .btn > button[data-v-0ddb60af] {
        margin: 0;
        border-radius: .2rem;
        background-color: rgba(50, 150, 250, .2)
    }

    .page .body-con .page-con > .info-con > .btn > .enable[data-v-0ddb60af] {
        background-color: #3296fa
    }

    .page .body-con .page-con > .info-con > .tip[data-v-0ddb60af] {
        color: #888;
        font-size: .13rem;
        margin: 0 .52rem;
        text-align: center;
        margin-bottom: .24rem
    }

    .page .body-con .page-con > .copyright[data-v-0ddb60af] {
        padding-top: .3rem;
        color: #fff;
        font-size: .12rem;
        line-height: .24rem;
        padding-bottom: .2rem;
        text-align: center
    }

    .page > .code-con[data-v-0ddb60af] {
        text-align: center;
        width: 100%;
        padding: 0 .24rem;
        padding-bottom: .16rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/subway3@3x.2a0d2cde.gif) no-repeat bottom;
        background-size: 100% .8rem;
        background-color: #fff;
        height: 100%
    }

    .page > .code-con > .top-tip[data-v-0ddb60af] {
        height: .4rem;
        line-height: .4rem;
        margin: 0 -.24rem 0 -.24rem;
        padding-left: .4rem;
        background: url() no-repeat .24rem;
        background-size: .12rem;
        background-color: #f5e9ce;
        color: #634228;
        font-size: .13rem;
        text-align: left
    }

    .page > .code-con > .top-tip > .min[data-v-0ddb60af] {
        color: #f67a16;
        font-size: .16rem;
        font-weight: 700
    }

    .page > .code-con > h2[data-v-0ddb60af] {
        text-align: center;
        font-size: .22rem;
        margin: 0;
        margin-bottom: .2rem;
        position: relative
    }

    .page > .code-con > .timer1-con[data-v-0ddb60af] {
        padding-top: .12rem;
        height: .19rem
    }

    .page > .code-con > .timer1-con > .time1[data-v-0ddb60af] {
        font-size: .13rem
    }

    .page > .code-con > .timer1-con > .time1 > span[data-v-0ddb60af] {
        background-color: #fee;
        padding: .04rem .08rem;
        color: #f25643
    }

    .page > .code-con > .code[data-v-0ddb60af], .page > .code-con > .mask[data-v-0ddb60af] {
        width: 2.2rem;
        height: 2.2rem;
        margin: .12rem auto
    }

    .page > .code-con > .mask[data-v-0ddb60af] {
        background: url() no-repeat 50%;
        background-size: 100% 100%;
        color: #fff;
        padding-top: .84rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .14rem
    }

    .page > .code-con > .mask > .timer[data-v-0ddb60af] {
        margin-top: .12rem;
        color: #f25643
    }

    .page > .code-con > .mask > .timer > span[data-v-0ddb60af] {
        margin: .04rem;
        background-color: #f25643;
        padding: 0 .02rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .02rem;
        font-weight: 700;
        font-size: .14rem;
        line-height: .2rem;
        color: #fff
    }

    .page > .code-con > .expire[data-v-0ddb60af] {
        width: 2.2rem;
        height: 2.2rem;
        margin: .12rem auto;
        background: url() no-repeat 50%;
        background-size: 100% 100%;
        color: #fff;
        padding-top: .84rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: .14rem
    }

    .page > .code-con > .expire > .timer[data-v-0ddb60af] {
        margin-top: .12rem;
        color: #f25643
    }

    .page > .code-con > .expire > .timer > span[data-v-0ddb60af] {
        margin: .04rem;
        background-color: #f25643;
        padding: 0 .02rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .02rem;
        font-weight: 700;
        font-size: .14rem;
        line-height: .2rem;
        color: #fff;
        padding: .05rem
    }

    .page > .code-con > .tip[data-v-0ddb60af] {
        text-align: center;
        color: #888;
        font-size: .13rem
    }

    .page > .code-con > .station-con[data-v-0ddb60af] {
        padding-top: .2rem;
        padding-bottom: .2rem;
        font-size: .14rem
    }

    .page > .code-con > .station-con > .time[data-v-0ddb60af] {
        margin-top: .08rem
    }

    .page > .code-con > .station-con .big[data-v-0ddb60af] {
        font-size: .22rem;
        color: #3296fa;
        padding-left: .02rem;
        font-weight: 700
    }

    .page[data-v-a62760d8] {
        background-color: #5ac5c7;
        position: relative;
        display: block;
        overflow-y: auto
    }

    .page .page-con[data-v-a62760d8] {
        background: url(../img/reserve_pic_banner2@2x.515d25dc.png) top no-repeat;
        background-size: 100% auto;
        border-top: 1px solid transparent
    }

    .page .page-con > .info-con[data-v-a62760d8] {
        background-color: #fff;
        border-radius: .16rem;
        margin: 0 .24rem;
        margin-top: 1.5rem;
        overflow: hidden
    }

    .page .page-con > .info-con > .tname[data-v-a62760d8] {
        padding: .24rem
    }

    .page .page-con > .info-con > .tname > .next[data-v-a62760d8] {
        font-size: .13rem
    }

    .page .page-con > .info-con > .tname > .next > span[data-v-a62760d8] {
        color: #ff943e;
        font-weight: 700
    }

    .page .page-con > .info-con > .tname > .cannot[data-v-a62760d8] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .32rem;
        background: url() no-repeat 0;
        background-size: .24rem .24rem;
        padding-left: .32rem
    }

    .page .page-con > .info-con > .tname > .success[data-v-a62760d8] {
        color: #15bc83;
        font-size: .15rem;
        line-height: .32rem;
        background: url() no-repeat 0;
        background-size: .24rem .24rem;
        padding-left: .32rem;
        margin-left: .46rem
    }

    .page .page-con > .info-con > .split[data-v-a62760d8] {
        border-top: .02rem dashed #5ac5c7;
        position: relative
    }

    .page .page-con > .info-con > .split[data-v-a62760d8]:before {
        left: -.11rem
    }

    .page .page-con > .info-con > .split[data-v-a62760d8]:after, .page .page-con > .info-con > .split[data-v-a62760d8]:before {
        content: "";
        position: absolute;
        display: block;
        width: .2rem;
        height: .2rem;
        background-color: #5ac5c7;
        border-radius: 50%;
        top: -.11rem
    }

    .page .page-con > .info-con > .split[data-v-a62760d8]:after {
        right: -.11rem
    }

    .page .page-con > .info-con > .data-con[data-v-a62760d8] {
        margin-top: .2rem
    }

    .page .page-con > .info-con > .data-con > .data-title[data-v-a62760d8] {
        padding: .04rem .3rem;
        font-size: .17rem;
        font-weight: 700;
        color: #222;
        padding-bottom: .1rem
    }

    .page .page-con > .info-con > .data-con > .data-item[data-v-a62760d8] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .04rem .3rem 0 .3rem
    }

    .page .page-con > .info-con > .data-con > .data-item > .name[data-v-a62760d8] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.7rem;
        flex: 0 0 0.7rem;
        font-size: .13rem;
        color: #555
    }

    .page .page-con > .info-con > .data-con > .data-item > .data[data-v-a62760d8] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .15rem;
        color: #222;
        padding-left: .2rem
    }

    .page .page-con > .info-con > .btn[data-v-a62760d8] {
        margin: .2rem 0 .12rem 0;
        padding: 0 .4rem
    }

    .page .page-con > .info-con > .btn > button[data-v-a62760d8] {
        margin: 0;
        border-radius: .2rem;
        background-color: rgba(50, 150, 250, .2)
    }

    .page .page-con > .info-con > .btn > .enable[data-v-a62760d8] {
        background-color: #3296fa
    }

    .page .page-con > .info-con > .tip[data-v-a62760d8] {
        color: #888;
        font-size: .13rem;
        margin: 0 .52rem;
        text-align: center;
        margin-bottom: .24rem
    }

    .page .page-con > .copyright[data-v-a62760d8] {
        padding-top: .3rem;
        color: #fff;
        font-size: .12rem;
        line-height: .24rem;
        padding-bottom: .2rem;
        text-align: center
    }

    .page[data-v-580ffc76] {
        display: block;
        background-color: #5ac5c7;
        overflow-y: auto
    }

    .page .page-con[data-v-580ffc76] {
        background: url(../img/reserve_pic_onsite_banner.20b92f41.png) top no-repeat;
        background-size: 100% auto;
        border-top: 1px solid transparent
    }

    .page .page-con > .info-con[data-v-580ffc76] {
        background-color: #fff;
        border-radius: .16rem;
        margin: 0 .24rem;
        margin-top: 1.5rem;
        overflow: hidden
    }

    .page .page-con > .info-con > .tname[data-v-580ffc76] {
        padding: .24rem
    }

    .page .page-con > .info-con > .tname .outtime[data-v-580ffc76] {
        font-size: .13rem
    }

    .page .page-con > .info-con > .tname .outtime > span[data-v-580ffc76] {
        color: #ff943e;
        font-weight: 700
    }

    .page .page-con > .info-con > .tname > .instation > .cannot[data-v-580ffc76] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .2rem;
        background: url() no-repeat 0;
        background-size: .2rem .2rem;
        padding-left: .32rem
    }

    .page .page-con > .info-con > .tname > .instation > .success[data-v-580ffc76] {
        color: #15bc83;
        font-size: .15rem;
        line-height: .32rem;
        background: url() no-repeat 0;
        background-size: .24rem .24rem;
        padding-left: .32rem;
        margin-left: .46rem
    }

    .page .page-con > .info-con > .tname > .instation > .success.booked[data-v-580ffc76] {
        width: .7rem;
        margin: 0 auto
    }

    .page .page-con > .info-con > .tname > .outstation > .out[data-v-580ffc76] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .2rem;
        background: url() no-repeat 0;
        background-size: .2rem .2rem;
        padding-left: .32rem
    }

    .page .page-con > .info-con > .tname > .outstation > .relocation[data-v-580ffc76] {
        color: #3296fa;
        font-size: .13rem;
        line-height: .18rem;
        background: url() no-repeat 0;
        background-size: .12rem .12rem;
        padding-left: .14rem;
        width: .7rem;
        margin: 0 auto
    }

    .page .page-con > .info-con > .split[data-v-580ffc76] {
        border-top: .02rem dashed #5ac5c7;
        position: relative
    }

    .page .page-con > .info-con > .split[data-v-580ffc76]:before {
        left: -.11rem
    }

    .page .page-con > .info-con > .split[data-v-580ffc76]:after, .page .page-con > .info-con > .split[data-v-580ffc76]:before {
        content: "";
        position: absolute;
        display: block;
        width: .2rem;
        height: .2rem;
        background-color: #5ac5c7;
        border-radius: 50%;
        top: -.11rem
    }

    .page .page-con > .info-con > .split[data-v-580ffc76]:after {
        right: -.11rem
    }

    .page .page-con > .info-con > .data-con[data-v-580ffc76] {
        margin-top: .2rem
    }

    .page .page-con > .info-con > .data-con > .data-title[data-v-580ffc76] {
        padding: .04rem .3rem;
        font-size: .17rem;
        font-weight: 700;
        color: #222;
        padding-bottom: .1rem
    }

    .page .page-con > .info-con > .data-con > .data-item[data-v-580ffc76] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .04rem .3rem 0 .3rem
    }

    .page .page-con > .info-con > .data-con > .data-item > .name[data-v-580ffc76] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.7rem;
        flex: 0 0 0.7rem;
        font-size: .13rem;
        color: #555
    }

    .page .page-con > .info-con > .data-con > .data-item > .data[data-v-580ffc76] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .15rem;
        color: #222;
        padding-left: .2rem
    }

    .page .page-con > .info-con > .btn[data-v-580ffc76] {
        margin: .2rem 0 .12rem 0;
        padding: 0 .4rem
    }

    .page .page-con > .info-con > .btn > button[data-v-580ffc76] {
        margin: 0;
        border-radius: .2rem;
        background-color: rgba(50, 150, 250, .2)
    }

    .page .page-con > .info-con > .btn > .enable[data-v-580ffc76] {
        background-color: #3296fa
    }

    .page .page-con > .info-con > .tip[data-v-580ffc76] {
        color: #888;
        font-size: .13rem;
        margin: 0 .52rem;
        text-align: center;
        margin-bottom: .24rem
    }

    .page .page-con > .copyright[data-v-580ffc76] {
        padding-top: .3rem;
        color: #fff;
        font-size: .12rem;
        line-height: .24rem;
        padding-bottom: .2rem;
        text-align: center
    }

    .page[data-v-31d5431b] {
        display: block;
        background-color: #5ac5c7;
        overflow-y: auto
    }

    .page .page-con[data-v-31d5431b] {
        background: url(../img/reserve_pic_onsite_banner.20b92f41.png) top no-repeat;
        background-size: 100% auto;
        border-top: 1px solid transparent
    }

    .page .page-con > .info-con[data-v-31d5431b] {
        background-color: #fff;
        border-radius: .16rem;
        margin: 0 .24rem;
        margin-top: 1.5rem;
        overflow: hidden
    }

    .page .page-con > .info-con > .tname[data-v-31d5431b] {
        padding: .24rem
    }

    .page .page-con > .info-con > .tname .outtime[data-v-31d5431b] {
        font-size: .13rem
    }

    .page .page-con > .info-con > .tname .outtime > span[data-v-31d5431b] {
        color: #ff943e;
        font-weight: 700
    }

    .page .page-con > .info-con > .tname > .instation > .cannot[data-v-31d5431b] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .2rem;
        background: url() no-repeat 0;
        background-size: .2rem .2rem;
        padding-left: .32rem
    }

    .page .page-con > .info-con > .tname > .instation > .success[data-v-31d5431b] {
        color: #15bc83;
        font-size: .15rem;
        line-height: .32rem;
        background: url() no-repeat 0;
        background-size: .24rem .24rem;
        padding-left: .32rem;
        margin-left: .46rem
    }

    .page .page-con > .info-con > .tname > .instation > .success.booked[data-v-31d5431b] {
        width: .7rem;
        margin: 0 auto
    }

    .page .page-con > .info-con > .tname > .outstation > .out[data-v-31d5431b] {
        color: #ff943e;
        font-size: .15rem;
        line-height: .2rem;
        background: url() no-repeat 0;
        background-size: .2rem .2rem;
        padding-left: .32rem
    }

    .page .page-con > .info-con > .tname > .outstation > .relocation[data-v-31d5431b] {
        color: #3296fa;
        font-size: .13rem;
        line-height: .18rem;
        background: url() no-repeat 0;
        background-size: .12rem .12rem;
        padding-left: .14rem;
        width: .7rem;
        margin: 0 auto
    }

    .page .page-con > .info-con > .split[data-v-31d5431b] {
        border-top: .02rem dashed #5ac5c7;
        position: relative
    }

    .page .page-con > .info-con > .split[data-v-31d5431b]:before {
        left: -.11rem
    }

    .page .page-con > .info-con > .split[data-v-31d5431b]:after, .page .page-con > .info-con > .split[data-v-31d5431b]:before {
        content: "";
        position: absolute;
        display: block;
        width: .2rem;
        height: .2rem;
        background-color: #5ac5c7;
        border-radius: 50%;
        top: -.11rem
    }

    .page .page-con > .info-con > .split[data-v-31d5431b]:after {
        right: -.11rem
    }

    .page .page-con > .info-con > .data-con[data-v-31d5431b] {
        margin-top: .2rem
    }

    .page .page-con > .info-con > .data-con > .data-title[data-v-31d5431b] {
        padding: .04rem .3rem;
        font-size: .17rem;
        font-weight: 700;
        color: #222;
        padding-bottom: .1rem
    }

    .page .page-con > .info-con > .data-con > .data-item[data-v-31d5431b] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .04rem .3rem 0 .3rem
    }

    .page .page-con > .info-con > .data-con > .data-item > .name[data-v-31d5431b] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.7rem;
        flex: 0 0 0.7rem;
        font-size: .13rem;
        color: #555
    }

    .page .page-con > .info-con > .data-con > .data-item > .data[data-v-31d5431b] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .15rem;
        color: #222;
        padding-left: .2rem
    }

    .page .page-con > .info-con > .btn[data-v-31d5431b] {
        margin: .2rem 0 .12rem 0;
        padding: 0 .4rem
    }

    .page .page-con > .info-con > .btn > button[data-v-31d5431b] {
        margin: 0;
        border-radius: .2rem;
        background-color: rgba(50, 150, 250, .2)
    }

    .page .page-con > .info-con > .btn > .enable[data-v-31d5431b] {
        background-color: #3296fa
    }

    .page .page-con > .info-con > .tip[data-v-31d5431b] {
        color: #888;
        font-size: .13rem;
        margin: 0 .52rem;
        text-align: center;
        margin-bottom: .24rem
    }

    .page .page-con > .copyright[data-v-31d5431b] {
        padding-top: .3rem;
        color: #fff;
        font-size: .12rem;
        line-height: .24rem;
        padding-bottom: .2rem;
        text-align: center
    }

    html, html body {
        margin: 0;
        height: 100%
    }

    html body {
        color: #222;
        background-color: #fff;
        overflow: hidden
    }

    button, html .mint-indicator {
        font-size: .16rem
    }

    button {
        border: 0;
        line-height: .4rem;
        width: 100%;
        border-radius: .04rem;
        outline: none;
        margin-top: .2rem
    }

    button.btn-primary {
        background-color: #3296fa;
        color: #fff
    }

    button.btn-disable {
        background-color: #d2e5f8;
        color: #f8f8f8
    }

    button.btn-logout {
        background-color: rgba(242, 86, 67, .1);
        color: #f25643
    }

    .icon {
        display: block;
        width: .16rem;
        height: .16rem
    }

    .icon.arrow {
        width: .06rem;
        height: .1rem;
        background: url() no-repeat 50%;
        background-size: auto 100%
    }

    .icon.edit {
        background: url(../img/logo.82b9c7a5.png) no-repeat 50%;
        background-size: auto 100%
    }

    .btn-two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .btn-two > button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .btn-two > .split {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0.1rem;
        flex: 0 0 0.1rem
    }

    .v-modal {
        background: rgba(0, 0, 0, .3)
    }

    .mint-msgbox-wrapper > .mint-msgbox {
        width: 2.7rem;
        border-radius: .15rem;
        background-color: #efefef
    }

    .mint-msgbox-wrapper > .mint-msgbox > .mint-msgbox-content {
        padding: .3rem .3rem;
        padding-bottom: .2rem;
        border-bottom: .005rem solid rgba(8, 20, 31, .13)
    }

    .mint-msgbox-wrapper > .mint-msgbox > .mint-msgbox-content > .mint-msgbox-message {
        font-size: .14rem;
        color: #333;
        line-height: .2rem
    }

    .mint-msgbox-wrapper > .mint-msgbox > .mint-msgbox-btns {
        font-weight: 400
    }

    .mint-msgbox-wrapper > .mint-msgbox > .mint-msgbox-btns > .mint-msgbox-btn {
        background-color: #efefef
    }

    .mint-msgbox-wrapper > .mint-msgbox > .mint-msgbox-btns > button.mint-msgbox-cancel, .mint-msgbox-wrapper > .mint-msgbox > .mint-msgbox-btns > button.mint-msgbox-confirm {
        color: #007aff;
        font-size: .17rem
    }
    </style>
</head>
<body cz-shortcut-listen="true">
<div id="app" class="">
    <div data-v-de316b06="" class="page">
        <div data-v-de316b06="" class="code-con" style="text-align: center;
    width: 100%;
    padding: 0 .24rem;
    padding-bottom: .16rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://webui.mybti.cn/img/subway3@3x.2a0d2cde.gif) no-repeat bottom;
    background-size: 100% .8rem;
    background-color: #fff;
    height: calc(100% - .5rem);">
            <div data-v-de316b06="" class="top-tip"> 请务必在预约时间段前后 <span data-v-de316b06="" class="min">10分钟</span>内进站。
            </div>
            <div data-v-de316b06="" class="timer1-con">
                <div data-v-de316b06="" class="time1" style=""> 失效时间 <span data-v-de316b06="" id="shixiao"></span></div>
            </div>
            <div data-v-de316b06="" id="eqrcode" class="code" title="o2F5chnXuGiQP10r5HU2zYoNSpq6o0JMads3wwAHeAU"
                 style="">
                <canvas width="220" height="220" style="display: none;"></canvas>
                <img alt="Scan me!"
                     src="http://apidoc.ygtoo.com/server/../Public/Uploads/2021-10-27/6178b04a4cc99.png"
                     style="display: block; width: 100%;"></div>
            <div data-v-de316b06="" class="mask" style="display: none;">
                <div data-v-de316b06="">距离预约进站时间还剩</div>
                <div data-v-de316b06="" class="timer"><span data-v-de316b06="">09</span>: <span
                        data-v-de316b06="">45</span>: <span data-v-de316b06="">37</span></div>
            </div>
            <div data-v-de316b06="" class="tip">请凭此二维码，前往地铁站指定预约通道扫码进站。</div>
            <div data-v-de316b06="" class="station-con">
                <div data-v-de316b06=""> 昌平线 <span data-v-de316b06="" class="big">沙河站</span></div>
                <div data-v-de316b06="" class="time" id="day">  <span data-v-de316b06=""
                                                                      class="big" id="nowTimes">10:30~10:40</span></div>
                <div data-v-de316b06="" class="time"> 预约通道进站口 <span data-v-de316b06="" class="big">A2口</span></div>
            </div>
        </div>
        <div data-v-de316b06="" class="btn" style="">
            <a href="http://8.131.80.63:5000/log">
                <button data-v-de316b06="" class="btn-primary"><img data-v-de316b06=""
                                                                    src=""><span
                        data-v-de316b06="">返回预约记录</span></button>
            </a>
        </div>
        <div data-v-de316b06="" class=""></div>
        <div data-v-de316b06="" id="hMap" class="amap-container" style="display: none; position: relative;">
            <object style="display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;"
                    type="text/html" data="about:blank"></object>
            <div class="amap-maps">
                <div class="amap-drags">
                    <div class="amap-layers"></div>
                    <div class="amap-overlays"></div>
                </div>
            </div>
            <div style="display: none;"></div>
            <div class="amap-controls">
                <div class="amap-geolocation-con" style="position: absolute; z-index: 9999; left: 10px; bottom: 20px;">
                    <div class="amap-geo"></div>
                </div>
            </div>
            <a class="amap-logo"><img src="./logo@2x.png"></a>
            <div class="amap-copyright" style="display: none; visibility: visible;"><!--v1.4.16--> © 2021 AutoNavi <span
                    class="amap-mcode">- GS(2019)6379号</span></div>
        </div>
    </div>
</div>

<div class="mint-indicator" style="display: none;">
    <div class="mint-indicator-wrapper" style="padding: 15px;"><span class="mint-indicator-spin"><div
            class="mint-spinner-snake"
            style="border-top-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); height: 32px; width: 32px;"></div></span>
        <span class="mint-indicator-text" style="display: none;"></span></div>
    <div class="mint-indicator-mask"></div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
    $(function () {
        var m = parseInt(Math.random() * (19 - 10 + 1) + 10);
        var s = parseInt(Math.random() * (59 - 10 + 1) + 10);
        setInterval(function () {
            if (s < 10) {
                s = '0' + s;
            }
            $('#shixiao').html(m + '分钟' + s + '秒');
            s--;
            if (s < 0) {
                //如果秒数少于0就变成59秒
                s = 59;
                m--;
            }
        }, 1000);
        var now = new Date();
        var time = now.getFullYear() + "-" + ((now.getMonth() + 1) < 10 ? "0" : "") + (now.getMonth() + 1) + "-" + (now.getDate() < 10 ? "0" : "") + now.getDate();
        var hours = now.getHours();
        var minutes = now.getMinutes();

        var maxHours = hours;
        if (minutes < 10) {
            minminutes = '00';
            maxminutes = '10';
        } else if (minutes >= 50) {
            minminutes = '50';
            maxminutes = '00';
            maxHours += 1;
        } else {
            minminutes = minutes.toString().substring(0, 1) + '0';
            maxminutes = parseInt(minminutes) + 10;
        }
        if (hours < 10) {
            hours = '0' + hours;
        }
        if (maxHours < 10) {
            maxHours = '0' + maxHours;
        }

        var str = '';
        var nowTime = '';
        nowTime = hours + ':' + minminutes + '~' + maxHours + ':' + maxminutes;
        $("#nowTimes").html(nowTime);
        str = time + ' <span data-v-de316b06="" class="big" id="nowTimes">' + nowTime + '</span>'
        $("#day").html(str);
    })
</script>
</html>